<!DOCTYPE html>
<html lang=en>
<head>
    <title>小米手机立即购买</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">

    <!--优先使用IE最新内核edge，和chrome-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <!--网页描述-->
    <meta name="keywords" content="小米 手机 小米手机 小米商城">
    <meta name="description" content="小米手机，最具性价比">

    <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon">
</head>
<body id="body">

<!--公共头部区-->
<header>
    <%= require("html-loader!../commonlayouts/header.html") %>
</header>

<!--公共导航区-->
<div class="nav">
    <div class="wrapper">
        <%= require("html-loader!../commonlayouts/nav.html") %>

        <div class="detail-menu">
            <%= require("html-loader!../commonlayouts/menu.html") %>
        </div>
    </div>
</div>

<!--详情页的nav-->
<div class="detail-nav">
    <div class="wrapper">
        <%= require("html-loader!./layouts/detailnav.html") %>
    </div>
</div>

<div class="login-nav">
    <div class="wrapper">
        <div class="login-notic">
            为方便您购买，请提前登录 <span class="login">立即登录</span> <span class="iconfont close" id="nav-close">&#xe7d4;</span>
        </div>
    </div>
</div>

<!--内容区-->
<main class="detail-main">
    <div class="wrapper">
        <%= require("html-loader!./layouts/detailbuy.html") %>
        <div class="horizontal-line"></div>
        <div class="detail-tab-top">
            <span class="detail-tab-title themecolor" data-index="1">商品概述</span>
            <span class="tab-top-line"></span>
            <span class="detail-tab-title" data-index="2">商品参数</span>
        </div>
    </div>
</main>


<div class="detail-tab-content active" data-index="1">
    <%= require("html-loader!./layouts/product.html") %>
</div>
<div class="detail-tab-content" data-index="2">
    <%= require("html-loader!./layouts/productparamter.html") %>
</div>

<!--脚部区-->
<footer>
    <div class="footer-service">
        <div class="wrapper">
            <%= require("html-loader!../commonlayouts/footerservice.html") %>
        </div>
    </div>
    <div class="footer-website">
        <div class="wrapper">
            <%= require("html-loader!../commonlayouts/footerwebsite.html") %>
        </div>
    </div>
</footer>

<div class="right-side-menu">
    <%= require("html-loader!../commonlayouts/rightside.html") %>
</div>

<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
</script>
</body>
</html>